<template>
	<view class="page flex-col">

		<view class="section_2 flex-col">

			<view class="text_5">认养有效期:{{dataInfo.validTime}}年</view>

			<view class="block_4 flex-row" v-for="(item,index) in dataInfo.productDetailResponseList" :key="index">

				<image class="image_2" referrerpolicy="no-referrer" :src="item.image" />
				<view class="box_6 flex-col">
					<view class="text_6">产品名称:{{item.skuName}}</view>
					<view v-if="item.type == 0">
							<view class="text_6">产量:{{item.yield}}</view>
					</view>
					<view v-if="item.type == 7 || item.type== 8">
							<view class="text_6">数量:{{item.yield}}</view>
					</view>
					<view v-if="null != item.getDay">
						<view class="text_6">可提货时间:{{item.getDay}}</view>
						<view class="box_7 flex-row justify-between">
							<view class="text_9">生长进度:</view>
							<view class="group_1 flex-col">
								<progress activeColor="#819453" :percent="item.process" border-radius="30" show-info stroke-width="6" />
							</view>
							<view class="text_10">{{item.processDesc}}</view>
						</view>
					</view>
					
				</view>
			</view>


		</view>
		<home></home>
	</view>
</template>
<script>
	import home from '@/components/home/index.vue'
	import {
		getAdoptioniInfo
	} from '@/api/togeterRich/index.js'
	export default {
		components:{
			home
		},
		data() {
			return {
				dataInfo: {},
				constants: {},
			};
		},
		onLoad(e) {
			this.id = e.id
			this.init()
		},
		methods: {
			init() {

				getAdoptioniInfo(this.id).then(res => {
					this.dataInfo = res.data

				})
			},
		},
	};
</script>
<style>
	@import 'com/obtainable.css';
	@import '@/com/css/common.css';
</style>